<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<style>
input {
    font-size: 20px;
}
</style>
</head>
<body>
<p>Test appearances of spin buttons. Disabled state and read-only state should have appearances different from the normal state.</p>
<div><label><input type=number value=0> Normal state</label></div>
<div><label><input type=number value=0 disabled> Disabled state</label></div>
<div><label><input type=number value=0 readonly> Read-only state</label></div>
<script>
document.querySelectorAll('input')[2].focus();
var normal = document.querySelector('input');
if (window.eventSender)
    eventSender.mouseMoveTo(normal.offsetLeft + normal.offsetWidth / 2, normal.offsetTop + normal.offsetHeight / 2);
</script>
</body>
</html>
